<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
	<p:dialog id="popUpNuevoBien" header="#{i18n['erp.bien.registrar']}" 
		widgetVar="dlgNuevoBien" modal="true" minWidth="600" width="600" appendTo="@(body)" draggable="true">
		<h:form id="formNuevoBien">
			<p:panel id="pnlNuevoBien">
				<table class="formulario">
					<tr>
						<td width="30%">
							<h:outputLabel for="txtTipoIngresoBien" value="#{i18n['erp.bien.tipo.ingreso']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td width="70%" colspan="3">
							<p:selectOneMenu id="txtTipoIngresoBien" style="width: 100%"
								required="true" label="#{i18n['erp.bien.tipo.ingreso']}"
								value="#{bienDataManager.idDcTipoIngresoBienSelect}" >
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{bienDataManager.dcTipoIngresoBien}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtTipoBien" value="#{i18n['erp.bien.estado.conservacion']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td colspan="3">
							<p:selectOneMenu id="txtTipoBien" style="width: 100%"
								required="true" label="#{i18n['erp.bien.estado.conservacion']}"
								value="#{bienDataManager.idDcEstadoConservacionSelec}" >
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{bienDataManager.dcEstadoConservacion}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="selectCategoria" value="#{i18n['erp.bien.categoria']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td colspan="3">
							<p:selectOneMenu id="selectCategoria" style="width: 100%"
								required="true" label="#{i18n['erp.bien.categoria']}"
								value="#{bienDataManager.idCategoriaBienSeleccionado}">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}" noSelectionOption="true"/>
								<f:selectItems value="#{bienController.dcCategoriaBien}"/>
								<p:ajax event="change" process="@this" update="txtLinea" listener="#{bienController.cargarDcLineaBien(bienDataManager.idCategoriaBienSeleccionado)}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtLinea" value="#{i18n['erp.bien.linea']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td colspan="3">
							<p:selectOneMenu id="txtLinea" style="width: 100%"
								label="#{i18n['erp.bien.linea']}" required="true"
								value="#{bienDataManager.idLineaBienSeleccionado}">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{bienController.dcLineaBien}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtMarcaMaterial" value="#{i18n['erp.bien.marca.material']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td colspan="3">
							<p:selectOneMenu id="txtMarcaMaterial" style="width: 100%"
								required="true" label="#{i18n['erp.bien.marca.material']}"
								value="#{bienDataManager.bienInstancia.marBienPk}">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{bienController.dcMarcaBien}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtModelo" value="#{i18n['erp.bien.modelo']}" />
						</td>
						<td colspan="3">
							<p:inputText id="txtModelo" style="width: 100%" 
								onchange="toUpperCase(this)" onkeypress="toUpperCase(this)" onblur="toUpperCase(this)"
								value="#{bienDataManager.bienInstancia.bieModelo}" label="#{i18n['erp.bien.modelo']}" />
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtColor" value="#{i18n['erp.bien.color']}" />
						</td>
						<td colspan="3">
							<p:inputText id="txtColor" style="width: 100%"
								onchange="toUpperCase(this)" onkeypress="toUpperCase(this)" onblur="toUpperCase(this)"
								value="#{bienDataManager.bienInstancia.bieColor}" label="#{i18n['erp.bien.color']}" />
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtNombre" value="#{i18n['erp.bien.nombre']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td colspan="3">
							<p:inputText id="txtNombre" style="width: 100%" required="true"
								onchange="toUpperCase(this)" onkeypress="toUpperCase(this)" onblur="toUpperCase(this)"
								value="#{bienDataManager.bienInstancia.bieNombre}" label="#{i18n['erp.bien.nombre']}" />
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtCosto" value="#{i18n['erp.bien.costo']}" />
						</td>
						<td>
							<p:inputText id="txtCosto" style="width: 80%" maxlength="10"
								onkeypress="return soloDecimales(this, event);"
								value="#{bienDataManager.bienInstancia.bieCostoVenta}" label="#{i18n['erp.bien.color']}">
								<p:ajax event="blur" listener="#{bienController.calcularTotal}" process="@this" update="txtCostoTotal"/>
							</p:inputText>
						</td>
						<td>
							<h:outputLabel for="txtCantidad" value="#{i18n['erp.bien.cantidad']}" />
						</td>
						<td>
							<p:inputText id="txtCantidad" styleClass="txtCantidad" style="width: 100%"
								onkeypress="return soloEnteros(this, event)" maxlength="3"
								value="#{bienController.cantidadBienesIngresados}" label="#{i18n['erp.bien.cantidad']}">
								<p:ajax event="blur" listener="#{bienController.calcularTotal}" process="@this" update="txtCostoTotal"/>
							</p:inputText>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtCostoTotal" value="#{i18n['erp.bien.costo.total']}" />
						</td>
						<td colspan="3">
							<h:outputText id="txtCostoTotal" value="#{bienController.totalPrecioBienesIngresados}" >
								<f:convertNumber maxFractionDigits="2"/>
							</h:outputText>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtNota" value="#{i18n['erp.bien.nota']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td colspan="3">
							<p:inputTextarea id="txtNota" style="width: 100%" required="true"
								onchange="toUpperCase(this)" onkeypress="toUpperCase(this)" onblur="toUpperCase(this)"
								value="#{bienDataManager.bienInstancia.bieNotas}" label="#{i18n['erp.bien.nota']}"/>
						</td>
					</tr>
				</table>
			</p:panel>
			<p:panel id="pnlBotones">
				<p:commandButton id="btnGuardar" value="#{i18n['label.guardar']}"
					actionListener="#{bienController.registrarBien}"
					oncomplete="if (args &amp;&amp; !args.validationFailed) dlgNuevoBien.hide()"
					process="@this,pnlNuevoBien" update="pnlNuevoBien,:formBien:tablaBienes,:formBien:pnlMessages"/>
				<p:commandButton value="#{i18n['label.cancelar']}" immediate="true"
					actionListener="#{bienController.resetControllerCatalogoValues}" oncomplete="dlgNuevoBien.hide();" />
			</p:panel>
			
		</h:form>
	</p:dialog>
	
</ui:composition>